 .root {
     width: 100%;
     height: 100%;
     padding: 10px 8px;
     /* background: red; */
 }
 
 .top-item {
     display: flex;
     width: 100%;
     height: 100px;
     border-radius: 5px;
     overflow: hidden;
     background: #fff;
     margin-bottom: 10px;
     box-shadow: 0 2px 2px #c8c8c8;
 }
 
 .top-item img {
     width: 100px;
     height: 100px;
 }
 
 .top-info {
     flex-grow: 1;
     margin-left: 15px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .top-info .name {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 5px;
 }
 
 .list {
     width: 80%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .list p {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 12px;
     line-height: 1.5;
     color: #868686;
 }
 
 .content {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 20px;
 }
 
 .content li {
     width: 33%;
     min-height: 100px;
 }
 
 .top2-item {
     width: 33%;
 }
 
 .content img {
     width: 100%;
     border-radius: 5px;
 }
 
 .top2-item-info {
     padding: 5px;
     font-size: 12px;
     margin-bottom: 10px;
     color: #666;
     line-height: 1.5
 }